/* 标签选择器 */
div {
  color: #ff0000;
  font-size: 40px;
  font-weight: 700;
  line-height: 80px;
  text-align: center;
  background-color: cornflowerblue;
  width: 500px;
  height: 80px;
}

/* id选择器 */
#p {
  background-color: yellow;
  width: 500px;
  height: 55px;
  font-size: 20px;
  -webkit-text-fill-color: gray;
  /* 自对文本进行颜色修饰 */
}

/* 子代选择器 */
#p > span {
  background-color: skyblue;
}

/* 类选择器 */
p {
  background-color: yellow;
  width: 500px;
  height: 35px;
  font-size: 20px;
}
.darkviolet {
  background-color: darkviolet;
}
.cornflowerblue {
  background-color: cornflowerblue;
}

.fontcolor {
  color: mediumblue;
}
.B {
  font-weight: 600;
}
